<%@ taglib prefix="s" uri="/struts-tags"%>
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title><s:text name="title.home"/></title>
		<link rel="stylesheet" type="text/css" href="css/common.css" media="screen"/>
		<link rel="stylesheet" type="text/css" href="css/layout/111.css" media="screen"/>
		<link rel="stylesheet" type="text/css" href="css/home.css" media="screen"/>
		<link rel="stylesheet" type="text/css" href="css/overlay-simple.css" media="screen"/>
		<link rel="stylesheet" type="text/css" href="css/my-theme/jquery-ui.css"/>
		<link rel="stylesheet" type="text/css" href="css/scrollable/combo-2-5.css"/>
		<link rel="stylesheet" type="text/css" href="css/scrollable/navi.css"/>
		<link rel="stylesheet" type="text/css" href="css/scrollable/tab-h.css"/>
		<link rel="stylesheet" type="text/css" href="css/scrollable/pane-h.css"/>
		<link rel="stylesheet" type="text/css" href="css/image.css"/>
		<link rel="stylesheet" type="text/css" href="css/list/menu.css"/>
		<link rel="stylesheet" type="text/css" href="css/list/mb-menu.css"/>
		<script type="text/javascript" src="js/lib/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="js/jquery.tools.overlay.js"></script>
		<script type="text/javascript" src="js/jquery.tools.tabs.js"></script>
		<script type="text/javascript" src="js/jquery.tools.scrollable.js"></script>
		<script type="text/javascript" src="js/jquery.lightbox-0.5.min.js"></script>
		<script type="text/javascript" src="js/pages/common.js"></script>
		<script type="text/javascript" src="js/pages/header.js"></script>
		<script type="text/javascript" src="js/lib/jquery.ui.core.min.js"></script>
		<script type="text/javascript" src="js/lib/jquery.ui.widget.min.js"></script>
		<script type="text/javascript" src="js/lib/jquery.ui.button.min.js"></script>
		<script type="text/javascript" src="js/pages/scrollable.js"></script>
		<script type="text/javascript" src="js/lib/jquery.metadata.js"></script>
  		<script type="text/javascript" src="js/lib/mbMenu.js"></script>
  		<script type="text/javascript" src="js/lib/jquery.hoverIntent.js"></script>
	</head>
	<body>
		<div id="container">
			<s:include value="header.jsp" />
			
		    <div id="content">
		  		<div class="pane-h-container">
		  			<img src="images/featured3.png" alt="" style="position:absolute;z-index:1;top: -5px; left:10px"/>
		  			<div class="tab-h">
			  			<ul>
				  			<li class="active" style="position:relative">
				  				<img src="images/retro-green-woman-small.png" alt="" style="position:absolute;z-index:1;top: -32px; left:10px"/>
				  				Girls
				  			</li>
				  			<li style="position:relative">
				  				<img src="images/retro-green-man-small.png" alt="" style="position:absolute;z-index:1;top: -32px; left:10px"/>
				  				Guys
				  			</li>
				  		</ul>
				  		<div class="clear-both"></div>
			  		</div>
			  		<div class="pane-h">
			  			<div class="panes">			  				
			  				<div class="pane image-gallery">
			  					<div class="image2">
			  						<s:url id="urlprofile" action="profile">
									    <s:param name="id" value="1" />
									</s:url>
					  				<s:a href="%{urlprofile}">
					  					<img src="images/female/1109469285.jpg" alt="1109469285.jpg" />
			  							<span>Name 1</span>
			  							<span>Caption 1</span>
					  				</s:a>
			  					</div>
			  					<div class="image2">
			  						<s:url id="urlprofile" action="profile">
									    <s:param name="id" value="2" />
									</s:url>
					  				<s:a href="%{urlprofile}">
				  						<img src="images/female/1116540650.jpg" alt="1116540650.jpg" />
				  						<span>Name 2</span>
				  						<span>Caption 2</span>
				  					</s:a>
			  					</div>
			  					<div class="image2">
			  						<s:url id="urlprofile" action="profile">
									    <s:param name="id" value="3" />
									</s:url>
					  				<s:a href="%{urlprofile}">
				  						<img src="images/female/1116540651.jpg" alt="1116540651.jpg" />
				  						<span>Name 3</span>
				  						<span>Caption 3</span>
			  						</s:a>
			  					</div>
			  					<div class="image2">
			  						<s:url id="urlprofile" action="profile">
									    <s:param name="id" value="1" />
									</s:url>
					  				<s:a href="%{urlprofile}">
				  						<img src="images/female/1116546591.jpg" alt="1116546591.jpg" />
				  						<span>Name 4</span>
				  						<span>Caption 4</span>
				  					</s:a>
			  					</div>
			  					<div class="image2">
			  						<s:url id="urlprofile" action="profile">
									    <s:param name="id" value="1" />
									</s:url>
					  				<s:a href="%{urlprofile}">
				  						<img src="images/female/1123603107.jpg" alt="1123603107.jpg" />
				  						<span>Name 5</span>
				  						<span>Caption 5</span>
			  						</s:a>
			  					</div>
			  				</div>
			  				<div class="pane image-gallery">
			  					<div class="image2">
			  						<img src="images/male/1230771662.jpg" alt="1230771662.jpg" />
			  						<span>Name 1</span>
			  						<span>Caption 1</span>
			  					</div>
			  					<div class="image2">
			  						<img src="images/male/1017459556.jpg" alt="1017459556.jpg" />
			  						<span>Name 2</span>
			  						<span>Caption 2</span>
			  					</div>
			  					<div class="image2">
			  						<img src="images/male/1889974375.jpg" alt="1889974375.jpg" />
			  						<span>Name 3</span>
			  						<span>Caption 3</span>
			  					</div>
			  					<div class="image2">
			  						<img src="images/male/1889974368.jpg" alt="1889974368.jpg" />
			  						<span>Name 4</span>
			  						<span>Caption 4</span>
			  					</div>
			  					<div class="image2">
			  						<img src="images/male/1017466029.jpg" alt="1017466029.jpg" />
			  						<span>Name 5</span>
			  						<span>Caption 5</span>
			  					</div>
			  				</div>			
			  			</div>
			  		</div>
		  		</div>
			</div>
			<!-- end of content -->
			<s:include value="footer.jsp" />
		</div>
	</body>
</html>